/* The Reset ---------------------------------- */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, table, th, td {
        margin: 0;
        padding: 0;
        color:white;
        text-align: center;
    }
table { border-collapse: collapse; border-spacing: 0; }
fieldset, img, abbr { border: 0; }
caption, th { text-align: left; }
q:before, q:after { content: ''; }
a { text-decoration: none; }
ul, ol, li { list-style: none;}

/* Empezando */


body {
	background: #333 url('../_img/grad.png') repeat-x;

}

#splash_page {
	width: 800px;
	height: 300px;
	margin: 200px auto 0 auto;
}

#splash_page li a {
	width: 200px;
	height: 300px;
	display:block;
	float: left;
	text-indent: -5000px;
	overflow: hidden;
}

#splash_page a.splash_1 {
	position: relative;
	left: 100px;
	top:0px;
	background: url('../_img/web2.png') 0px 0px no-repeat;
	z-index: 1;
}

#splash_page a.splash_1:hover {
	position: relative;
	left: 100px;
	top: 0px;
	background: url('../_img/web2.png') 0px -300px no-repeat;
	z-index: 1;
}

#splash_page a.splash_2 {
	position: relative;
	left: 50px;
	top: 25px;
	background: url('../_img/web2.png') -200px 0px no-repeat;
	z-index: 2;
}

#splash_page a.splash_2:hover {
	position: relative;
	background: url('../_img/web2.png') -200px -300px no-repeat;
	z-index: 2;
	top: 25px;
}

#splash_page a.splash_3 {
	position: relative;
	left: 0px;
	top: -15px;
	background: url('../_img/web2.png') -400px 0px no-repeat;
	z-index: 3;
}

#splash_page a.splash_3:hover {
	position: relative;
	left: 0px;
	top: -15px;
	background: url('../_img/web2.png') -400px -300px no-repeat;
	z-index: 3;
}

#splash_page a.splash_4 {
	position: relative;
	left: -50px;
	top: 40px;
	background: url('../_img/web2.png') -600px 0px no-repeat;
	z-index: 4;
}

#splash_page a.splash_4:hover {
	position: relative;
	left: -50px;
	top: 40px;
	background: url('../_img/web2.png') -600px -300px no-repeat;
	z-index: 4;
}